summaryrefslogtreecommitdiff
path: root/app/[lng]/evcp/(evcp)/page-visits/page.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'app/[lng]/evcp/(evcp)/page-visits/page.tsx')
-rw-r--r--app/[lng]/evcp/(evcp)/page-visits/page.tsx61
1 files changed, 61 insertions, 0 deletions
diff --git a/app/[lng]/evcp/(evcp)/page-visits/page.tsx b/app/[lng]/evcp/(evcp)/page-visits/page.tsx
new file mode 100644
index 00000000..38386d51
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/page-visits/page.tsx
@@ -0,0 +1,61 @@
+import * as React from "react"
+import { type SearchParams } from "@/types/table"
+
+import { getValidFilters } from "@/lib/data-table"
+import { Skeleton } from "@/components/ui/skeleton"
+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
+import { Shell } from "@/components/shell"
+import { getPageVisits } from "@/lib/page-visits/service"
+import { searchParamsCache } from "@/lib/page-visits/validation"
+import { PageVisitsTable } from "@/lib/page-visits/table/page-visits-table"
+
+interface PageVisitsPageProps {
+ searchParams: Promise<SearchParams>
+}
+
+export default async function PageVisitsPage(props: PageVisitsPageProps) {
+ const searchParams = await props.searchParams
+ const search = searchParamsCache.parse(searchParams)
+
+ const validFilters = getValidFilters(search.filters)
+
+ const promises = Promise.all([
+ getPageVisits({
+ ...search,
+ filters: validFilters,
+ }),
+ ])
+
+ return (
+ <Shell className="gap-2">
+ <div className="flex items-center justify-between space-y-2">
+ <div className="flex items-center justify-between space-y-2">
+ <div>
+ <div className="flex items-center gap-2">
+ <h2 className="text-2xl font-bold tracking-tight">
+ 페이지 방문 이력
+ </h2>
+ </div>
+ <p className="text-muted-foreground">
+ 사용자의 페이지별 방문 이력과 활동 패턴을 확인할 수 있습니다.
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <React.Suspense
+ fallback={
+ <DataTableSkeleton
+ columnCount={9}
+ searchableColumnCount={2}
+ filterableColumnCount={4}
+ cellWidths={["10rem", "14rem", "20rem", "12rem", "10rem", "8rem", "10rem", "8rem", "8rem"]}
+ shrinkZero
+ />
+ }
+ >
+ <PageVisitsTable promises={promises} />
+ </React.Suspense>
+ </Shell>
+ )
+} \ No newline at end of file